import React, { useEffect } from "react";
import "./index.scss";
import { NavLink, Outlet } from "react-router-dom";
function Published() {
  return (
    <div className="published">
      <ul>
        <li className="li" style={{
          borderRight: 'none',
            borderRadius: '5px 0 0 5px'
        }}>
          <NavLink
            to="/layout/workbenches/published/initiated"
            activeClassName="active"
          >
            我发起的
          </NavLink>
        </li>
        <li className="li" style={{
          borderRight: 'none',
            borderRadius: '0 5px 5px 0'
        }}>
          <NavLink
            to="/layout/workbenches/published/participated"
            activeClassName="active"
          >
            我参与的
          </NavLink>
        </li>
      </ul>
      <div>
        <Outlet></Outlet>
      </div>
    </div>
  );
}

export default Published;
